﻿@model BookShop.Site.Models.OrderCartItemListModel
@{
    ViewBag.Title = "Giỏ hàng | Book Shop Ngân Hà";
}

<div class="row margin-bottom-40">
    <div class="col-md-12 col-sm-12">
        <h1>Giỏ hàng</h1>
        <div class="goods-page">
            @{
                Html.RenderPartial("_OrderCartItemList", Model);
            }
            <a class="btn btn-default" href="@Url.Action("ProductPage", "Home")">Tiếp tục mua hàng <i class="fa fa-shopping-cart"></i></a>
            @if (Model != null && Model.CartItems != null && Model.CartItems.Count > 0)
            {
                <a class="btn btn-primary" href="@Url.Action("CheckOut")">Thanh toán <i class="fa fa-check"></i></a>
            }
        </div>
    </div>
</div>

@section Javascript{
    <script src="~/Content/assets/global/plugins/carousel-owl-carousel/owl-carousel/owl.carousel.min.js" type="text/javascript"></script>
    <script src="~/Content/assets/global/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script>
    <script src="~/Content/assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.js" type="text/javascript"></script>
    <script src="~/Content/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
    <script src="~/Content/assets/frontend/pages/scripts/jquery-ui.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".product-quantity .form-control").TouchSpin({
                buttondown_class: "btn quantity-down",
                buttonup_class: "btn quantity-up",
                min: 0,
                max: 30

            });
            $(".quantity-down").html("<i class='fa fa-angle-down'></i>");
            $(".quantity-up").html("<i class='fa fa-angle-up'></i>");
        });
    </script>
}

@section Css{
    <link href="~/Content/assets/global/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet">
    <link href="~/Content/assets/global/plugins/carousel-owl-carousel/owl-carousel/owl.carousel.css" rel="stylesheet">
    <link href="~/Content/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css">
    <link href="~/Content/assets/frontend/pages/css/jquery-ui.css" rel="stylesheet" type="text/css">
}